<script>
    export let text = '暂无数据'
</script>

<div class="noneBox border border-color4 flex items-center justify-center py-16">
    <div>
        <iconify-icon class="text-4xl m-auto block mb-2" icon="fluent:document-none-20-filled"></iconify-icon>
        <div>{text}</div>
    </div>
</div>

<style lang="less">
    
// .noneBox{
//     color: rgba(0,0,0,.5);
//     display: flex;
//     align-items: center;
//     justify-content: center;
//     padding: 50px 0;
//     border: 1px solid #f1f1f1;
//     border-top: none;
//     .svgIcon{
//         font-size: 48px;
//         text-align: center;
//         margin: 0 auto;
//         display: block;
//         margin-bottom: 15px;
//     }
// }

</style>